<template>
  <a-page-header
    class="common-page-header"
    :title="title"
    :sub-title="subTitle"
    :footer="null"
  />
</template>
<script lang='ts'>
import { useRoute } from "vue-router";
import { defineComponent } from "vue";
export default defineComponent({
  name: "PageHeader",
  setup() {
    const route = useRoute();
    const { title, subTitle } = route.meta;
    return {
      title,
      subTitle,
    };
  },
});
</script>
<style lang='less' scoped>
::v-deep(.ant-page-header-footer) {
  margin-top: unset;
}
</style>